<template>
	<view>
		<view class="contain" v-for="(item, index) in coupons">
			<view class="title">{{item.title}}</view>
			<view class="value">{{item.value}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				coupons: [
					{
						title: '因楽音乐麻涌分校',
						value: '消费满1000元减200元'
					},
					{
						title: '因楽音乐麻涌分校',
						value: '消费满1000元减200元'
					},
					{
						title: '因楽音乐麻涌分校',
						value: '消费满1000元减200元'
					},
					{
						title: '因楽音乐麻涌分校',
						value: '消费满1000元减200元'
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	page{
		background-color: #F3F5F7;
	}
	.contain{
		margin: 30rpx;
		background-color: #fff;
		padding: 30rpx;
		border-radius: 24rpx;
		color: #FD973F;
		text-align: center;
	}
	.title{
		font-size: 40rpx;
		margin: 10rpx 0rpx;
	}
	.value{
		font-size: 34rpx;
	}
</style>
